<template>
	<div>
		<div class="box">
			<div class="box_item flex align-items">
				<div class="label">
					处理时间:
				</div>
				<div class="value">
					{{row.processDate}}
				</div>
			</div>
			<div class="box_item flex align-items">
				<div class="label">
					处理状态:
				</div>
				<div class="value">
						{{row.processState ==0?'进行中':'已完成'}}
				</div>
			</div>
			<div class="box_item flex align-items">
				<div class="label">
					处理内容:
				</div>
				<div class="value">
					{{row.processContent}}
				</div>
			</div>
			<div class="box_item flex align-items">
				<div class="label">
					是否延期:
				</div>
				<div class="value">
					{{row.ifDefer ==0?'未延期':'延期'}}
				</div>
			</div>
			<div class="box_item flex align-items">
				<div class="label">
					处理人:
				</div>
				<div class="value">
					{{row.processUserStr}}
				</div>
			</div>
			<div class="box_item flex align-items">
				<div class="label">
					审批状态:
				</div>
				<div class="value">
					{{row.stateStr}}
				</div>
			</div>
			<div class="box_item flex align-items" v-if="row.updateUserStr">
				<div class="label">
					审批人:
				</div>
				<div class="value">
						{{row.updateUserStr}}
				</div>
			</div>
			<div class="box_item flex align-items" v-if="row.updateDate">
				<div class="label">
					审批时间:
				</div>
				<div class="value">
					{{row.updateDate}}
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			row:{
				type:Object,
				default:{}
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style scoped lang="scss">
	.box {
		background-color: #FFF;
		padding: 20rpx 30rpx;
		// margin-top: 20rpx;

		.box_item {
			margin-top: 20rpx;
		}
		.box_item:first-child {
			margin-top: 0rpx;
		}
	}
</style>